<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>SGE</title>

	<!-- CSS -->
	<link rel="stylesheet" href="../public/css/style.css" type="text/css"
		media="screen" />
	<link rel="stylesheet" href="../public/css/social-icons.css"
		type="text/css" media="screen" />
	<!-- ENDS CSS -->

	<!--[if IE]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	<!-- ENDS JS -->

	<!-- JS -->

	<script type="text/javascript" src="../public/js/custom.js"></script>
	<script type="text/javascript" src="../public/js/slider.js"></script>
	<script src="../public/js/slides/source/slides.min.jquery.js"></script>
	<script src="../public/js/quicksand.js"></script>

	<!-- superfish -->
	<link rel="stylesheet" media="screen"
		href="../public/css/superfish.css" />
	<script type="text/javascript"
		src="../public/js/superfish-1.4.8/js/hoverIntent.js"></script>
	<script type="text/javascript"
		src="../public/js/superfish-1.4.8/js/superfish.js"></script>
	<script type="text/javascript"
		src="../public/js/superfish-1.4.8/js/supersubs.js"></script>
	<!-- ENDS superfish -->

	<!-- poshytip -->
	<link rel="stylesheet"
		href="../public/js/poshytip-1.0/src/tip-twitter/tip-twitter.css"
		type="text/css" />
	<link rel="stylesheet"
		href="../public/js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css"
		type="text/css" />
	<script type="text/javascript"
		src="../public/js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
	<!-- ENDS poshytip -->

	<!-- Tweet -->
	<link rel="stylesheet" href="../public/css/jquery.tweet.css"
		media="all" type="text/css" />
	<script src="../public/js/tweet/jquery.tweet.js" type="text/javascript"></script>
	<!-- ENDS Tweet -->

	<!-- prettyPhoto -->
	<script type="text/javascript"
		src="../public/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
	<link rel="stylesheet"
		href="../public/js/prettyPhoto/css/prettyPhoto.css" type="text/css"
		media="screen" />
	<!-- ENDS prettyPhoto -->

	<!-- GOOGLE FONTS -->
	<link
		href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic'
		rel='stylesheet' type='text/css' />

</h:head>
<h:body>

	<!-- Dynamic Background -->
	<div id="headerimgs">
		<img id="logo" src="../public/img/bg/spaces.jpg" alt="Kroft"
			width="100%" height="100%" />
	</div>
	<!-- ENDS Dynamic Background -->


	<!-- ENDS background nav -->

	<div id="top-gap"></div>

	<!-- wrapper -->
	<div class="wrapper">

		<a href="index.html"><img id="logo" src="../public/img/logo.png"
			alt="Kroft" /></a>


		<!-- nav bar holder -->
		<div id="nav-bar-holder">
			<!-- Navigation -->

			<!-- ENDS Navigation -->

			<!-- Social -->
			<ul class="social">
				<li><a href="http://www.facebook.com"
					class="poshytip  facebook" title="Become a fan"></a></li>
				<li><a href="http://www.twitter.com" class="poshytip  twitter"
					title="Follow my tweets"></a></li>
				<li><a href="http://www.dribbble.com"
					class="poshytip  dribbble" title="Working on..."></a></li>
			</ul>
			<!-- ENDS Social -->
		</div>
		<!-- ENDS nav bar holder -->

		<!-- content wrap -->
		<div id="content-wrap">

			<!-- Page wrap -->
			<div id="page-wrap">

				<div class="page-title">
					<h1>Eventualize</h1>
					<span>Sistema de Gerenciamento de Eventos</span>
				</div>

				<!-- side content -->

				<!-- ENDS side content -->
				<!-- sidebar -->

				<div id="sidebar">
					<form method="post" action="j_security_check">
					
							<h:outputLabel value="Login:" />
							<input type="text" name="j_username" size="25" />
							<h:outputLabel value="Senha:" />
							<input type="password" size="25" name="j_password" />
						
						<input type="submit" name="login" value="Entrar" />
					</form>

				</div>
				<!-- ENDS sidebar -->


				<div class="clear"></div>

			</div>
			<!-- ENDS Page wrap -->

		</div>
		<!-- ENDS content wrap -->

	</div>
	<!-- ENDS Wrapper -->

	<!-- FOOTER -->
	<div id="footer">
		<div class="footer-wrapper">


			<!-- footer-cols -->
			<ul id="footer-cols">
				<li>
					<h6>About the theme</h6>
					<p>Pellentesque accumsan porttitor, accumsan porttitor
						ultricies eget, tempor sit amet, ante. Donec eu libero sit amet
						quam egestas semper. Aenean ultricies mi vitae est. Tincidunt
						quis, accumsan porttitor facilisis habitant morbi tristique
						senectus accumsan porttitor et netus et malesuada fames ac turpis
						egestas. Vestibulum tortor quam, Aenean ultricies mi vitae est.
						Tincidunt quis feugiat vitae.</p>
					<p>
						Accumsan porttitor ultricies eget, tempor sit amet, ante. Donec eu
						libero sit amet quam egestas semper. Aenean ultricies mi vitae
						est. Tincidunt quis, accumsan porttitor, <a
							href="http://luiszuno.com">luiszuno.com</a>.
					</p>
				</li>
				<li>
					<h6>Categories</h6>
					<ul>
						<li><a href="#">Webdesign in this era</a></li>
						<li><a href="#/">Wordpress core techniques</a></li>
						<li><a href="#">Photo editing</a></li>
						<li><a href="#">Code in php</a></li>
						<li><a href="#">Drawings by hand</a></li>
						<li><a href="#">Buy Themeforest items</a></li>
						<li><a href="#">Lorem ipsum dolor amet</a></li>
						<li><a href="#">Tincidunt quis, accumsan porttitor</a></li>
						<li><a href="#">Donec eu libero sit amet quam</a></li>
					</ul>
				</li>
				<li>
					<div id="tweets" class="footer-col tweet">
						<h6>Twitter widget</h6>
					</div>
				</li>
			</ul>
			<!-- ENDS footer-cols -->

			<div id="footer-glare"></div>

		</div>
	</div>
	<!-- ENDS FOOTER -->

	<!-- footer-bottom -->
	<div id="footer-bottom">
		<div class="bottom-wrapper">
			<div id="bottom-left">
				2011 Ansimuz. <a
					href="http://themeforest.net/user/Ansimuz?ref=ansimuz">View
					portfolio</a>
			</div>
			<div id="bottom-right">
				<ul id="footer-nav">
					<li><a href="index.html">Home</a></li>
					<li><a href="gallery.html">Gallery</a></li>
					<li><a href="page.html">Pages</a></li>
					<li><a href="page.html">Contact</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- ENDS footer-bottom -->



</h:body>
</html>